import React, {memo, useState} from 'react';
//useState底层原理：
//一个函数在执行完成后，其中的变量和方法都会消失
//但是使用useState的返回的变量和方法，React会帮你保留下来
//当setMessage被触发时，React会重新执行函数组件，当第二次执行时，其中的state就会被替换为newState，并且重新渲染组件

const App = memo(() => {

  //useState的返回值是一个数组，我们可以通过数组的解构，来完成赋值会非常方便。
  const [message, setMessage] = useState("Hello World");
  const [count, setCount] = useState(100);
  const [banners, setBanners] = useState([]);

  function changeText() {
    setMessage("你好啊，李银河");
  }
  return (
      <div>
        <h2>{message}</h2>
        <button onClick={changeText}>修改文本</button>
      </div>
  );
})

export default App;